import React, {Component} from "react" ;
import {connect} from "react-redux" ;
import {browserHistory} from "react-router" ;
import {mapStateToProps, mapDispatchToProps, CHANGE_FILMLIST} from "./FilmVideoRedux" ;

//images

import bofang from "../../../../static/img/h5/bofan.png";
import like from "../../../../static/img/h5/xihuan.png";
import pinlun from "../../../../static/img/h5/pinlun.png";

class FilmVideoContainer extends Component {

    constructor(props) {
        super(props);
    }
    render() {
        let data = this.props.filmVideoDetail ;
        return (
            <div>
                <ul className="player-num">
                    <li className="num-play"><img src={bofang} alt="播放次数" />{data.views}次播放</li>
                    <li className="num-like" ref="like" value={this.props.likeNum}><img src={like} alt="喜欢次数"/>{this.props.likeNum}</li>
                    <li className="num-message" ref="commentSum" value={data.commentNum}><img src={pinlun} alt="评论次数" />{data.commentNum}</li>
                </ul>
            </div>
        )
    }
}
const FilmVideo = connect(mapStateToProps,mapDispatchToProps)(FilmVideoContainer) ;

export { FilmVideo as default } ;
